﻿<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" >
<link rel="stylesheet" type="text/css" >
<style type="text/css">
a:link {
	color: #999999;
}
a:visited {
	color: #FF0000;
}
a:hover {
	color: #000099;
}
body {
 background:url(im/ent三亚.jpg);

}
</style>
<title>行旅旅行网首页</title>
</head>
<body style="background-color:#FFF">
<div style="position: absolute; left: 500px; top: 6px;">
<font color="#999999">&nbsp;&nbsp;&nbsp;&nbsp;<a href="index.html" style="text-decoration:none" target="new">[登陆]</a></font>
    <font color="#999999"><a href="register.html" style="text-decoration:none" target="new">[注册]</a></font>
        <font color="#999999"><a href="detail.html" style="text-decoration:none" target="new">[我的订单]</a></font>
</div>

	<article class="container">
		<section>
		  <figure class="swipslider" id="customizability" name="customizability">
		  <ul class="sw-slides">
			<li class="sw-slide" style="">
            <img src="im/洛杉矶.jpg" >
			</li>

			<li class="sw-slide" style="">
            <img src="im/欧洲1.jpg" >
			</li>
			<li class="sw-slide" style="">
            <img src="im/天安门.jpg" >
			</li>
		  </ul>
		  </figure>
		</section>
	  </article>
</div>

<script src="http://libs.useso.com/js/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>
<script>window.jQuery || document.write('<script src="js/jquery-2.1.1.min.js"><\/script>')</script>
<script type="text/javascript" src="素材/jiaoben4222/dist/swipeslider.min.js"></script>
<script type="text/javascript">
	$(window).load(function() {
		  $('#full_feature').swipeslider();
		  $('#content_slider').swipeslider({
			transitionDuration: 600,
			autoPlayTimeout: 10000,
			sliderHeight: '300px'
		  });
		  $('#responsiveness').swipeslider();
		  $('#customizability').swipeslider({
			transitionDuration: 100, 
			autoPlayTimeout: 3500, 
			timingFunction: 'cubic-bezier(0.38, 0.96, 0.7, 0.07)',
			sliderHeight: '40%'
			});
		});
</script>
<div style="height: 200px; width: 950px; position: absolute; left: 147px; top: 700px;">
	<div style="height: 200px; width: 450px; position: absolute; left: 1px; top: 1px; ">
    <img src="im/故宫.jpg" style="height:200px; width:450px">
    </img>
	</div>
    <div style="height: 200px; width: 100px; position: absolute; left: 452px; top: -31px;" ><p>&nbsp;</p>
      <p><font color="#333333" size="+3">国</br>
      </font></p>
      <p><font color="#333333" size="+3">内</font></p>
      <p><font color="#333333" size="+3">行 </font></p>
  </div>
    <div style="height: 200px; width: 420px; position: absolute; left: 530px; top: 75px;">
    <font color="#666666" size="+2">
        <a href="北京.html " target="new">
    北京&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    </a>
    江南&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    </a>
    三亚&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    </a>
    </font>
    </div>
</div>
<div style="height: 200px; width: 950px; position: absolute; left: 148px; top: 900px;">
	<div style="height: 200px; width: 450px; position: absolute; left: 1px; top: 1px; ">
    <img src="im/泰姬陵.jpg" style="height:200px; width:450px">
    </img>
	</div>
    <div style="height: 200px; width: 100px; position: absolute; left: 452px; top: -31px;" ><p>&nbsp;</p>
      <p><font color="#333333" size="+3">亚</br>
      </font></p>
      <p><font color="#333333" size="+3">洲</font></p>
      <p><font color="#333333" size="+3">行 </font></p>
  </div>
    <div style="height: 200px; width: 420px; position: absolute; left: 530px; top: 77px;">
     <font color="#666666" size="+2">
    泰国&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    </a>
    </a>
    </font>
    </div>
</div>

<div style="height: 200px; width: 950px; position: absolute; left: 150px; top: 1100px;">
	<div style="height: 200px; width: 450px; position: absolute; left: 1px; top: 1px; ">
    <img src="im/欧洲.jpg" style="height:200px; width:450px">
    </img>
	</div>
    <div style="height: 200px; width: 100px; position: absolute; left: 452px; top: -31px;" ><p>&nbsp;</p>
      <p><font color="#333333" size="+3">欧</br>
      </font></p>
      <p><font color="#333333" size="+3">洲</font></p>
      <p><font color="#333333" size="+3">行 </font></p>
  </div>
    <div style="height: 200px; width: 420px; position: absolute; left: 529px; top: 71px;">
    <font color="#666666" size="+2">
   意大利
    </a>
    </font>
    </div>
</div>
<div style="height: 200px; width: 950px; position: absolute; left: 151px; top: 1300px;">
	<div style="height: 200px; width: 450px; position: absolute; left: 1px; top: 1px; ">
    <img src="im/澳洲.jpeg" style="height:200px; width:450px">
    </img>
	</div>
    <div style="height: 200px; width: 100px; position: absolute; left: 452px; top: -31px;" ><p>&nbsp;</p>
      <p><font color="#333333" size="+3">澳</br>
      </font></p>
      <p><font color="#333333" size="+3">洲</font></p>
      <p><font color="#333333" size="+3">行 </font></p>
  </div>
    <div style="height: 200px; width: 420px; position: absolute; left: 528px; top: 68px;">
    <font color="#666666" size="+2">
    澳大利亚
    </a>
    </font>
    </div>
</div>
</html>